<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
            var修饰变量
         */
        // var x1 = 1;
        // if(x1 === 1){
        //     var x1 = 2;
        //     console.log(x1);
        // }
        // //引用了全局的
        // console.log(x1);//2 会被局部的作用域影响。因为修改的是引用的值

        /* 
            let：let的作用域就是在块中，不会被提升。块之间不会相互影响
         */
        let x2 = 1;
        if(x2 === 1){
            let x2 = 2;
            console.log(x2);//2
        }
        //作用域的划分明显
        console.log(x2);//1
    </script>
</head>
<body>
    
</body>
</html>